<!doctype html>
<html lang="en">

<head>
    <title>VeproGames</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <link rel="stylesheet" href="css/main.css"/>
    <link rel="icon" href="favicon.ico"/>
    <meta charset="utf-8"/>
    <meta name="description"
            content="hobbyist/Indie Developer from Germany creating Games for Android, Windows and browser based."/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <meta name="keywords" content="indie, games, vepro, veprogames, idle, incremental, web games"/>
    <meta name="url" content="https://veprogames.github.io"/>
    <meta name="og:title" content="VeproGames"/>
    <meta name="og:type" content="website"/>
    <meta name="og:url" content="https://veprogames.github.io"/>
    <meta name="og:description"
            content="hobbyist/Indie Developer creating free Games for Android, Windows and browser based."/>
    <meta name="og:image" content="https://veprogames.github.io/images/veprogames.png"/>
    <meta name="twitter:card" content="summary_large_image"/>
    <meta name="twitter:title" content="VeproGames"/>
    <meta name="twitter:description"
            content="hobbyist/Indie Developer creating free Games for Android, Windows and browser based."/>
    <meta name="twitter:image" content="https://veprogames.github.io/images/veprogames.png"/>
    <meta name="twitter:site" content="@veprogames"/>
    <meta name="twitter:creator" content="@veprogames"/>
</head>

<body>
<header>
    <div>
        <a href="#">
            <img alt="V" src="images/veprogames.png"/>
            <span class="name">VeproGames</span>
        </a>
    </div>
    <nav>
        <ul>
            <li><a href="#game_omegalayers">Omega Layers</a></li>
            <li><a href="#game_imr">Idle Mine: Remix</a></li>
            <li><a href="#game_other">Other Projects</a></li>
        </ul>
    </nav>
</header>
<main>
    <article>
        <div class="about-me">
            <img alt="" class="bg parallax" src="images/backgrounds/aboutme.jpg" data-parallax-offset-y="50"/>
            <img alt="" class="bg s parallax" src="images/backgrounds/aboutme.jpg" data-parallax-offset-y="500"/>
            <div>
                <img class="dev-logo" alt="VeproGames Logo" src="images/veprogames.png"/>
                <div id="game">
                    <p>You created <span id="game_games"></span> games.</p>
                    <div id="game_upgrades">

                    </div>
                    <p class="win"><a href="#game_omegalayers">Congratulations, now play my real Games ↓</a></p>
                </div>
            </div>
            <div class="description">
                <p class="title animate__animated animate__fadeInRight">
                    I make Web Games.
                </p>
                <p class="animate__animated animate__fadeInRight">
                    I am a hobbyist developer from Germany. I am mainly developing Browser Games, such as <b>Idle Mine: Remix</b>, <b>Omega Layers</b>,
                    <b>Scrap II Fanmade</b> and more.
                </p>
                <p class="games animate__animated animate__fadeInDown"><a href="#game_omegalayers">Check out my Games ↓</a></p>
            </div>
        </div>
    </article>

    <article>
        <div class="game-wrapper">
            <img alt="Omega Layers" class="bg parallax" src="images/games/omega-layers.jpg" data-parallax-offset-y="-100"/>
            <img alt="Omega Layers" class="bg s parallax" src="images/games/omega-layers-s.jpg" data-parallax-offset-y="-100"/>
            <img alt="Omega Layers Logo" class="logo" src="images/logos/omega-layers.png" id="game_omegalayers"/>
            <div class="game-description">
                <div>
                    <p class="title">
                        An infinite amount of prestige layers.
                    </p>
                    <p class="subtitle">
                        Buy generators, do challenges, climb up the ladder of Greek letters, prestige, and prepare for a paradigm shift.
                    </p>
                </div>
                <div>
                    <ul class="features">
                        <li><img alt="&Omega;" src="images/icons/omega.png"/> Randomly generated Prestige Layers</li>
                        <li><img alt="&Omega;" src="images/icons/omega.png"/> Resource Generators</li>
                        <li><img alt="&Omega;" src="images/icons/omega.png"/> Power Generators</li>
                        <li><img alt="&Omega;" src="images/icons/omega.png"/> Challenges</li>
                        <li><img alt="&Omega;" src="images/icons/omega.png"/> Volatility</li>
                        <li><img alt="&Omega;" src="images/icons/omega.png"/> Aleph</li>
                        <li><img alt="&Omega;" src="images/icons/omega.png"/> ReStack - a Prestige Layer</li>
                        <li><img alt="&Omega;" src="images/icons/omega.png"/> Meta - a paradigm Shift</li>
                        <li><img alt="&Omega;" src="images/icons/omega.png"/> Quality of Life Features</li>
                        <li><img alt="&Omega;" src="images/icons/omega.png"/> A News Ticker</li>
                    </ul>
                </div>
            </div>
            <p class="play">
                Play Now ↓
            </p>
            <div class="links">
                <a class="github" target="_blank" href="https://veprogames.github.io/omega-layers/">Github</a>
                <a class="crazygames" target="_blank" href="https://www.crazygames.com/game/omega-layers">crazygames</a>
                <a class="newgrounds" target="_blank" href="https://www.newgrounds.com/portal/view/769677">Newgrounds</a>
            </div>
        </div>

        <div class="game-wrapper">
            <img alt="Idle Mine: Remix" class="bg parallax" src="images/games/idle-mine-remix.jpg" data-parallax-offset-y="-300"/>
            <img alt="Idle Mine: Remix" class="bg s parallax" src="images/games/idle-mine-remix-s.jpg" data-parallax-offset-y="-300"/>
            <img alt="Idle Mine: Remix Logo" class="logo" src="images/logos/idle-mine-remix.png" id="game_imr"/>
            <div class="game-description">
                <div>
                    <p class="title">
                        An infinite amount of different minerals.
                    </p>
                    <p class="subtitle">
                        Buy different Upgrades, craft Pickaxes and follow the story. Reach limitless amounts of resources.
                    </p>
                    <p>
                        Inspired from a Flash Game "Idle Mine" by crovie.
                    </p>
                </div>
                <div>
                    <ul class="features">
                        <li><img alt="&Omega;" src="images/icons/pickaxe.png"/> Over 8 different Upgrades</li>
                        <li><img alt="&Omega;" src="images/icons/pickaxe.png"/> Pickaxe crafting</li>
                        <li><img alt="&Omega;" src="images/icons/pickaxe.png"/> Auto Clicker Upgrades</li>
                        <li><img alt="&Omega;" src="images/icons/pickaxe.png"/> Offline Progress</li>
                        <li><img alt="&Omega;" src="images/icons/pickaxe.png"/> A Storyline</li>
                        <li><img alt="&Omega;" src="images/icons/pickaxe.png"/> Endless Minerals</li>
                        <li><img alt="&Omega;" src="images/icons/pickaxe.png"/> Different Types of Resources</li>
                        <li><img alt="&Omega;" src="images/icons/pickaxe.png"/> Tons of Number Formats</li>
                        <li><img alt="&Omega;" src="images/icons/pickaxe.png"/> Infinite Progression</li>
                    </ul>
                </div>
            </div>
            <p class="play">
                Play Now ↓
            </p>
            <div class="links">
                <a class="github" target="_blank" href="https://veprogames.github.io/idle-mine-remix/">Github</a>
                <a class="crazygames" target="_blank" href="https://www.crazygames.com/game/idle-mine-remix">crazygames</a>
                <a class="kongregate" target="_blank" href="https://www.kongregate.com/games/cook1eegames/idle-mine-remix">Kongregate</a>
            </div>
        </div>
    </article>

    <article class="other-projects">
        <img alt="" class="bg parallax" src="images/backgrounds/more-projects.jpg" data-parallax-offset-y="-700"/>
        <img alt="" class="bg s parallax" src="images/backgrounds/more-projects-s.jpg" data-parallax-offset-y="-700"/>
        <h2 id="game_other">Other Projects</h2>
        <div class="other-projects-list">
            <div>
                <img alt="" class="preview" src="images/previews/mandelgl.jpg"/>
                <a target="_blank" href="MandelGL">MandelGL</a>
            </div>
            <div>
                <img alt="" class="preview" src="images/previews/noisegl.jpg"/>
                <a target="_blank" href="NoiseGL">NoiseGL</a>
            </div>
            <div>
                <img alt="" class="preview" src="images/previews/inflayers.jpg"/>
                <a target="_blank" href="inflayers">Infinite Layers</a>
            </div>
            <div>
                <img alt="" class="preview" src="images/previews/cookieclicker.jpg"/>
                <a target="_blank" href="cookieclicker">Cookie Clicker</a>
            </div>
            <div>
                <img alt="" class="preview" src="images/previews/infiniteeater.jpg"/>
                <a target="_blank" href="InfiniteEater2">Infinite Eater</a>
            </div>
            <div>
                <img alt="" class="preview" src="images/previews/circledodger.jpg"/>
                <a target="_blank" href="CircleDodger">CircleDodger</a>
            </div>
            <div>
                <img alt="" class="preview" src="images/previews/polar.jpg"/>
                <a target="_blank" href="polar-image-zoomer">Polar Image Zoomer</a>
            </div>
            <div>
                <img alt="" class="preview" src="images/previews/infinitecanvas.jpg"/>
                <a target="_blank" href="infinite-canvas">Infinite Canvas</a>
            </div>
            <div>
                <img alt="" class="preview" src="images/previews/flappy.jpg"/>
                <a target="_blank" href="Flappy">Flappy</a>
            </div>
        </div>
    </article>
</main>

<footer>
    <div class="items">
        <div>
            <h4>Follow</h4>
            <ul class="social">
                <li><a target="_blank" href="https://youtube.com/c/VeproGames"><img alt="YouTube" src="images/social/yt.png"></a></li>
                <li><a target="_blank" href="https://twitter.com/veprogames"><img alt="Twitter" src="images/social/twitter.png"></a></li>
                <li><a target="_blank" href="https://www.twitch.tv/veprogames"><img alt="Twitch" src="images/social/twitch.png"></a></li>
            </ul>
        </div>
        <div>
            <h4>Links</h4>
            <ul>
                <li><a target="_blank" href="https://discord.gg/75d7Jj5">VeproGames Discord Server</a></li>
                <li><a target="_blank" href="https://veprogames.github.io">veprogames.github.io</a></li>
            </ul>
        </div>
        <div>
            <h4>Contact</h4>
            <ul>
                <li><a target="_blank" href="mailto:veprogames.gamedev@gmail.com">Write me an E-Mail</a></li>
            </ul>
        </div>
    </div>
    &copy; VeproGames <span id="year"></span>. All rights reserved.
</footer>

<script src="js/main.js"></script>

</body>

</html>